/**
 * J.M. Cope Construction Management
 */

// Includes
// --------------------------------------------------
@import 'settings';   // Project specific settings
@import 'functions';  // Functions
@import 'mixins';     // Mixins
@import 'liriope_goodies'; // This holds basic SASS mixins and functions that will be useful across all projects
@import 'base';       // Base controls basic tags and is the foundation for all other styles
@import 'layouts';    // Layouts are helper styles that define layout only
@import 'typography'; // Typography classes for object styling
@import 'site-header';
@import 'site-footer';
@import 'site-nav';
@import 'site-content';
@import 'tumblr-display';
@import 'social-links';
@import 'home-featured';
@import 'portfolio';
@import '../../../vendors/icomoon/style.css';

// Google Web Fonts
// --------------------------------------------------
// Below is the complete list
// @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,600,700,400,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,600,700,400,800);

// Helpers
// --------------------------------------------------
.clear:after {
    content: ".";
    display: block;
    height: 1px;
    line-height: 1px;
    visibility: hidden;
    clear: both;
}

img.right,
figure.right
{
  float: right;
  margin-left: $unit * 2 + px;
  margin-bottom: $unit * 2 + px;
}

img.left,
figure.left
{
  float: left;
  margin-right: $unit * 2 + px;
  margin-bottom: $unit * 2 + px;
}

.button {
    display: inline-block;
    font-weight: 100;
    text-decoration: none;
    @include buttonify($red);
}

.small-button {
    @include pxRem(font-size, $fontSize * 0.875 * 1px);
    padding: 0.5em 1.25em;
}

.button-list {
    list-style-type: none;
    margin: 0;
    padding: 0;

    & > li > a {
        width: 100%;
        margin: 0;
        @include pxRem(margin-top, $fontSize * 0.25 * 1px);
    }
}

// Headings
// --------------------------------------------------
h1, h2, h3, h4, h5, h6
{
  font-family: $fontHeading;
  margin: 0.75em 0 0;
  line-height: 1.6;
}

.drophead {
  font-weight: 900;
}

h1 + .drophead {
  @include fontSize($unit*1.5);
}

h1 {
  @include fontSize($unit*2);
  font-weight: normal;
  color: $color1;
}
h2 {
  @include fontSize($unit*1.5);
  font-weight: 500;
  color: $color2;
}
h3 {
  @include fontSize($unit*1.125);
  color: darken( $color2, 10% );
}
h4 {
  @include fontSize($unit);
  color: darken( $color2, 20% );
}
h5 {
  @include fontSize($unit*0.875);
  color: darken( $color2, 20% );
}
h6 {
  @include fontSize($unit*0.75);
  color: darken( $color2, 20% );
}

// place this after the h# tags
hgroup 
{
  margin: 2em 0;
  * { margin: 0; }
}

// Menus
// --------------------------------------------------

.menu {
    list-style-type: none;
    margin: 0;
    @include pxRem(margin-top, $fontSize * 1px);
    @include pxRem(margin-bottom, $fontSize * 1px);
    padding: 0;
}
